/* eslint-disable */
/* prettier-ignore */
import * as React from 'react';

import { IPlaceholderIconProps, TPlaceholderMood } from '../UI/Placeholder/types';

export function HighlightsPlaceholderIcon({ mood }: IPlaceholderIconProps) {
  const iconsMoodMap: { [key in TPlaceholderMood]: React.ReactNode } = {
    good: (
      <svg width="100%" height="100%" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect x="6" y="12" width="108" height="87" rx="12" fill="white" />
        <path d="M40.5 60C42.9853 60 45 57.9853 45 55.5C45 53.0147 42.9853 51 40.5 51C38.0147 51 36 53.0147 36 55.5C36 57.9853 38.0147 60 40.5 60Z" fill="#B9B9B8" />
        <path d="M84 55.5C84 57.9853 81.9853 60 79.5 60C77.0147 60 75 57.9853 75 55.5C75 53.0147 77.0147 51 79.5 51C81.9853 51 84 53.0147 84 55.5Z" fill="#B9B9B8" />
        <path fillRule="evenodd" clipRule="evenodd" d="M42 9C42 7.34315 40.6569 6 39 6C37.3431 6 36 7.34315 36 9V12H18C11.3726 12 6 17.3726 6 24V87C6 93.6274 11.3726 99 18 99H102C108.627 99 114 93.6274 114 87V24C114 17.3726 108.627 12 102 12H84V9C84 7.34315 82.6569 6 81 6C79.3431 6 78 7.34315 78 9V12H42V9ZM78 24V18H42V24C42 25.6569 40.6569 27 39 27C37.3431 27 36 25.6569 36 24V18H18C14.6863 18 12 20.6863 12 24V87C12 90.3137 14.6863 93 18 93H102C105.314 93 108 90.3137 108 87V24C108 20.6863 105.314 18 102 18H84V24C84 25.6569 82.6569 27 81 27C79.3431 27 78 25.6569 78 24Z" fill="#B9B9B8" />
        <path d="M45 69C45 67.3431 46.3431 66 48 66H72C73.6569 66 75 67.3431 75 69C75 70.6569 73.6569 72 72 72H48C46.3431 72 45 70.6569 45 69Z" fill="#B9B9B8" />
        <ellipse cx="60" cy="114" rx="30" ry="3" fill="#DCDCDB" />
      </svg>
    ),
    bad: (
      <svg width="100%" height="100%" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect x="6" y="12" width="108" height="87" rx="12" fill="white" />
        <path d="M40.5 60C42.9853 60 45 57.9853 45 55.5C45 53.0147 42.9853 51 40.5 51C38.0147 51 36 53.0147 36 55.5C36 57.9853 38.0147 60 40.5 60Z" fill="#B9B9B8" />
        <path d="M84 55.5C84 57.9853 81.9853 60 79.5 60C77.0147 60 75 57.9853 75 55.5C75 53.0147 77.0147 51 79.5 51C81.9853 51 84 53.0147 84 55.5Z" fill="#B9B9B8" />
        <path d="M51 75C51 73.6707 51.7114 72.2385 53.3147 71.036C54.9189 69.8329 57.2726 69 60 69C62.7274 69 65.0811 69.8329 66.6853 71.036C68.2886 72.2385 69 73.6707 69 75C69 76.6569 70.3431 78 72 78C73.6569 78 75 76.6569 75 75C75 71.3587 73.0251 68.2909 70.2853 66.236C67.5464 64.1818 63.9001 63 60 63C56.0999 63 52.4536 64.1818 49.7147 66.236C46.9749 68.2909 45 71.3587 45 75C45 76.6569 46.3431 78 48 78C49.6569 78 51 76.6569 51 75Z" fill="#B9B9B8" />
        <path fillRule="evenodd" clipRule="evenodd" d="M42 9C42 7.34315 40.6569 6 39 6C37.3431 6 36 7.34315 36 9V12H18C11.3726 12 6 17.3726 6 24V87C6 93.6274 11.3726 99 18 99H102C108.627 99 114 93.6274 114 87V24C114 17.3726 108.627 12 102 12H84V9C84 7.34315 82.6569 6 81 6C79.3431 6 78 7.34315 78 9V12H42V9ZM78 24V18H42V24C42 25.6569 40.6569 27 39 27C37.3431 27 36 25.6569 36 24V18H18C14.6863 18 12 20.6863 12 24V87C12 90.3137 14.6863 93 18 93H102C105.314 93 108 90.3137 108 87V24C108 20.6863 105.314 18 102 18H84V24C84 25.6569 82.6569 27 81 27C79.3431 27 78 25.6569 78 24Z" fill="#B9B9B8" />
        <ellipse cx="60" cy="114" rx="30" ry="3" fill="#DCDCDB" />
      </svg>
    ),
    neutral: (
      <svg width="100%" height="100%" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect x="6" y="12" width="108" height="87" rx="12" fill="white" />
        <path d="M40.5 60C42.9853 60 45 57.9853 45 55.5C45 53.0147 42.9853 51 40.5 51C38.0147 51 36 53.0147 36 55.5C36 57.9853 38.0147 60 40.5 60Z" fill="#B9B9B8" />
        <path d="M84 55.5C84 57.9853 81.9853 60 79.5 60C77.0147 60 75 57.9853 75 55.5C75 53.0147 77.0147 51 79.5 51C81.9853 51 84 53.0147 84 55.5Z" fill="#B9B9B8" />
        <path fillRule="evenodd" clipRule="evenodd" d="M42 9C42 7.34315 40.6569 6 39 6C37.3431 6 36 7.34315 36 9V12H18C11.3726 12 6 17.3726 6 24V87C6 93.6274 11.3726 99 18 99H102C108.627 99 114 93.6274 114 87V24C114 17.3726 108.627 12 102 12H84V9C84 7.34315 82.6569 6 81 6C79.3431 6 78 7.34315 78 9V12H42V9ZM78 24V18H42V24C42 25.6569 40.6569 27 39 27C37.3431 27 36 25.6569 36 24V18H18C14.6863 18 12 20.6863 12 24V87C12 90.3137 14.6863 93 18 93H102C105.314 93 108 90.3137 108 87V24C108 20.6863 105.314 18 102 18H84V24C84 25.6569 82.6569 27 81 27C79.3431 27 78 25.6569 78 24Z" fill="#B9B9B8" />
        <path d="M45 69C45 67.3431 46.3431 66 48 66H72C73.6569 66 75 67.3431 75 69C75 70.6569 73.6569 72 72 72H48C46.3431 72 45 70.6569 45 69Z" fill="#B9B9B8" />
        <ellipse cx="60" cy="114" rx="30" ry="3" fill="#DCDCDB" />
      </svg>
    ),
  };

  return <>{iconsMoodMap[mood]}</>;
}
